.flex-row{
  display:flex;
  &--c{
    @extend .flex-row;
    align-items:center;
  }
  &--b{
    @extend .flex-row;
    align-items:flex-end;
  }
}
.flex-column{
  display:flex;
  flex:column;
}
.flex{
  flex:1;
  overflow:hidden;
}

span,i,em{font-weight:normal; display:inline-block;}
.b{font-weight:bold} .n,em,i{font-weight:normal;font-style:normal;}
.w{ width:100%; } .h{ height:100%; }

.ell{text-overflow:ellipsis; white-space:nowrap; overflow:hidden}/* 单行文字溢出虚点显示*/
.ellall{
  >div,>li{
  text-overflow:ellipsis; white-space:nowrap; overflow:hidden;
  }
}

.line{
  border-bottom:1px solid $line;
}
.clear:after{
  content:"";
  display:block;
  clear: both;
}

/**
 * mixin
 */
// "c-"加颜色名称就是color
// "bg-"加颜色名称就是background
@each $key,$value in $color {
	.c-#{$key}{
		color:$value !important;
	}
	.bg-#{$key}{
		background:$value !important;
	}
}
// 设置高度，行距
@mixin lh( $h: 0 ) {
  height: $h+px;
  line-height: $h+px;
}
// padding/margin组合区间
$padding-margin: (0,5,10,15,20);
@each $i in $padding-margin {
  @each $j in $padding-margin {
    @if $j != $i{
      .p#{$j}-#{$i} { 
        padding:$j+ px $i+ px;
      }
      .m#{$j}-#{$i} { 
         margin:$j+ px $i+ px;
       }
    }
  }
}
@each $i in $padding-margin {
  .m#{$i}{margin:$i+ px}
  .p#{$i}{padding:$i+ px}
}
@each $i in $padding-margin {
  .mt#{$i}{margin-top:$i+ px}
  .mr#{$i}{margin-right:$i+ px}
  .mb#{$i}{margin-bottom:$i+ px}
  .ml#{$i}{margin-left:$i+ px}
  .pt#{$i}{padding-top:$i+ px}
  .pr#{$i}{padding-right:$i+ px}
  .pb#{$i}{padding-bottom:$i+ px}
  .pl#{$i}{padding-left:$i+ px}
}

/**
 * 宽度10%~90%
 */
@for $i from 1 through 9 {
  .w-#{$i*10}{width:#{$i*10 + '%'}}
}

// 单独块样式
@import './modules/block.scss';
